.slide {}
.slide img {width:100%;display:block}




.menu {position: relative;background:url("../images/opacity.png");}
.menu .main {height:60px;line-height:60px}
.menu li {display:block;float:left;text-align:center;width:150px;position: relative;}
.menu a.big {display:block;text-align:center;color:#fff;font-size:17px}
.menu li div {position: absolute;z-index:99999;width:100%;background:url("../images/opacity.png");display:none}
.menu li div a {display:block;height:50px;line-height:50px;color:#fff;font-size:15px;}
.menu li.active,.menu li:hover {background:#1B3675}


.menu li div a:hover {background:#1B3675}



.slide{ background:#fff;height:425px; position:relative;}
.slide .banner{height:100%;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{ height:160px;width:100%;position:absolute;top:50%;margin-top:-80px;z-index:2;opacity:0;transition: all 150ms ease-in-out 0s;}
.banner_ctrl a{ display:block;width:50px;height:100%;  position:absolute; opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}
.banner_ctrl a.prev{left:10px;background:url("../images/left.png") no-repeat center }
.banner_ctrl a.next{right:10px;background:url("../images/right.png") no-repeat center }
.slide:hover .banner_ctrl {opacity:1}

.slide .banner .main {height:100%}
.slide .banner p {color:#fff;display:block}
.slide .banner div{
text-align:center;
text-shadow: 1px 1px 10px rgba(0,0,0,.7);
}


.slide .banner div.text-1 p.t1 {
font-size:50px;bottom:270px;opacity:0;left:0;right:0;font-weight:bold;zoom:1.3
}

.slide .banner div.text-1 p.t2 {
font-size:30px;bottom:220px;opacity:0;left:0;right:0;zoom:1.3
}


.index_1 {border-bottom:1px solid #ddd}
.index_1 .main {overflow:hidden;margin:30px auto}
.index_1 ul {overflow:hidden}

.index_1 ul.u1 {float:left;width:420px;margin-right:50px}
.index_1 ul.u3 {float:right}

.index_1 ul.u2,.index_1 ul.u3 {width:350px;}


.index_1 ul h2 {display:block;line-height:50px;height:50px;border-bottom:2px solid;font-size:20px;font-weight:normal}
.index_1 ul div.box {margin:15px 0}
.index_1 ul div.box li {padding:5px 0}

.index_1 ul h2 em {float:right;font-size:16px}
.index_1 ul.u2 h2 {border-color:#2073C1}
.index_1 ul.u3 h2 {border-color:#D3588E}



.index_2 ul.title {text-align:center;font-size:33px;margin-bottom:30px}
.index_2 .main {margin:30px auto}
.index_2 ul.box {margin:0 -25px}
.index_2 ul.box li {float:left;display:block;width:25%;text-align:center;height:350px;position: relative;cursor: pointer;}
.index_2 ul.box li ul.gap {background:#fff;border:1px solid #ddd;position: absolute;top:20px;left:20px;right:20px;bottom:20px;transition: all 150ms ease-in-out 0s;}
.index_2 ul.box li:hover ul.gap {top:2px;left:12px;right:12px;bottom:2px;box-shadow: 0 0 30px rgba(0,0,0,.2)}

.index_2 ul.box li ul.gap div.d1 {background:#4A90CC;color:#fff;height:120px;line-height:120px;font-size:60px}
.index_2 ul.box li ul.gap div.d2 {padding:20px;}
.index_2 ul.box li ul.gap div.d2 h2 {color:#014DA1;margin-bottom:20px}
.index_2 ul.box li ul.gap div.d2 p {color:#777}


.index_3 ul.title {text-align:center;font-size:33px;margin-bottom:30px}
.index_3 .main {margin:30px auto}
.index_2 ul.box {overflow:hidden;margin:0 -10px}


.picScroll-left{  position:relative;height:280px;}


		.picScroll-left .hd .prev,.picScroll-left .hd .next{ 
		position: absolute;
		display:block;  
		width:50px; 
		height:50px; 
		overflow:hidden;
		cursor:pointer;

		z-index:999;
		top:80px;
		border-radius:50%
		}
        .picScroll-left .hd .prev {
		left:-60px;
		    background: url("../images/left.png") no-repeat center #ccc;
		}

        .picScroll-left .hd .next {
		right:-60px;
		background: url("../images/right.png") no-repeat center #ccc;
		}

.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{ 
       opacity:0.6
}

		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 0; float:left; _display:inline; overflow:hidden; text-align:center; width:25%}
		.picScroll-left .bd ul li div.gap {margin:0 15px}
		.picScroll-left .bd ul li .pic{ text-align:center;}
		.picScroll-left .bd ul li .pic img{ width:100%; height:180px; display:block; border:none}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px; margin-top:10px }






#focus{position: relative;height: 270px;width: 400px;margin:0px ;}
#focus .bd{position: relative}
#focus a img {border:none}
#focus .btn-prev, #focus .btn-next{display: none;position: absolute;top: 80px;width: 35px;height: 80px;z-index: 2}
#focus .btn-prev{left: 0;background: url(../images/left-arrow.png) no-repeat;_background: 0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="../images/left-arrow.png")}
#focus .btn-next{right: 0;background: url(../images/right-arrow.png) no-repeat;_background: 0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="../images/right-arrow.png")}
#focus .focus-bar-box{width: 100%;height: 270px;position: relative;overflow: hidden}
#focus .focus-bar{width: 10000px}
#focus .focus-bar li{float: left;width: 400px;height: 270px}
#focus .focus-bar li a{width: 100%;height: 100%;display: block}
#focus .focus-bar li img{width: 100%;min-height: 100%}
#focus .ft{position: absolute;left: 0;bottom: 0;z-index: 1;width: 400px;height: 40px}
#focus .ftbg{position: absolute;top: 0;left: 0;z-index: -1;width: 400px;height: 40px;background: #000;opacity: .6;filter: alpha(opacity=60)}
#focus .change{position: absolute;right: 4px;bottom: 15px;height: 10px}
#focus .change a{float: left;width: 10px;height: 10px;margin-right: 10px;background: url(../images/btn-normal.png) no-repeat;_background: 0;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="../images/btn-normal.png");cursor: pointer}
#focus .change a.on{background: url(../images/btn-active.png) no-repeat;_background: 0;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="../images/btn-active.png")}
#focus .hd{position: absolute;left: 0;bottom: 0;z-index: 2;width: 390px;height: 40px}
#focus .focus-title{overflow: hidden;position: absolute;top: 0;left: 0;height: 40px;padding: 0 14px 0 10px;line-height: 40px;font-size: 16px;font-weight: bold}
#focus .focus-title .title{color: #64d734}
#focus .focus-title a{display: none;color: #fff}